/* Basic styling for the submit button */
#Submit {
    background-color: #0073ff;  /* Green background */
    color: white;               /* White text */
    border: none;               /* Remove border */
    padding: 15px 15px;         /* Padding for size */
    text-align: center;         /* Center align text */
    text-decoration: none;      /* Remove underline */
    display: inline-block;      /* Allow inline display */
    font-size: 16px;            /* Font size */
    margin: 4px 2px;            /* Margin */
    cursor: pointer;           /* Pointer on hover */
    border-radius: 8px;         /* Rounded corners */
    transition: all 0.3s ease;  /* Smooth transition for effects */
}

button {
    transition: transform 0.3s ease-in-out;
}

/* Hover effect: Change background color */
#Submit:hover {
    background-color: blue;  /* Slightly darker green */
}

/* Active effect: Button appears pressed */
#Submit:active {
    background-color: #0073ff;  /* Even darker green */
    transform: scale(0.98);      /* Button slightly shrinks */
}

/* Disabled state: Gray out the button */
#Submit:disabled {
    background-color: #b0b0b0;  /* Gray background */
    cursor: not-allowed;        /* Disabled cursor */
}

/* Focus state: Slight border shadow for accessibility */
#Submit:focus {
    outline: none;              /* Remove default outline */
    box-shadow: 0 0 8px rgba(0, 128, 0, 0.8);  /* Green glow */
}